<!DOCTYPE html>
<html>
<!--
    <head lang="en">
    <meta charset="UTF-8">
    <title>设置银行卡</title>
    <meta http-equiv="Content-type" name="viewport" content="initial-scale=1.0,user-scalable=no, width=device-width">
    <meta name="format-detection" content="telephone=no" />
    <meta name="format-detection" content="email=no" />
    <link type="text/css" rel="stylesheet" href="css/style.css">
        
    <style>
    #card_setup_form{width:90% !important; margin-left: auto; margin-right: auto;}
    input[type="text"]{width:99% !important; margin-left: auto; margin-right: auto;}
            
    </style>
    </head>
 -->

<head>
    <meta http-equiv="Content-type" content="text/html;charset=utf-8" >
    <meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,initial-scale=1.0,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="format-detection" content="telephone=no">
    <meta name="format-detection" content="email=no">
    <link rel="stylesheet" type="text/css" href="css/reset.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <title>银行卡信息</title>
<!--    <style>-->
<!--        #card_setup_form{width:90% !important; margin-left: auto; margin-right: auto;}-->
<!--        input[type="text"]{width:99% !important; margin-left: auto; margin-right: auto;}-->
<!--        -->
<!--    </style>-->
</head>


<body>

<div class="header">
<!--    <div id = "top_left_back_div" onclick="javascript:window.fypay.giveUpPay();">-->
<!--        <img class="back_btn" id="top_left_back_btn" alt="返回" src="images/back_holo_light.png" />-->
<!--    </div>-->
    <header class="sj_header">
        <a href="javascript:;" onClick="javascript:window.fypay.giveUpPay();" class="sj_back"><img class="back_btn" id="top_left_back_btn" alt="返回" src="images/back_holo_light.png" /></a>
        <h2 class="sj_logo"><span></span></h2>
    </header>
    <!--<img onclick="javascript:history.go(-1);" class="back_btn" id="top_left_back_btn" alt="返回" src="images/back_holo_light.png" />-->
<!--    <div style = "padding-top:10px;">-->
<!--        借记卡-->
<!--    </div>-->
</div>

<section class="sj_concent">
    <article class="sj_information">
    
<!--<div class="content">-->
<!--    <div id="card_setup_form">-->
<!--        <input id="card_type" disabled="true" type="text" name="card_type"  maxlength="19"/>-->
        <ul>
            <li>
                <label>金额</label>
                <span><input id="order_amt" disabled="true" type="number" class="sj_whiteinp" value="" name="b_card" placeholder="金额" /><i class="del_i"></i></span>
            </li>
            <li>
                <label>卡号</label>
                <span><input id="card_no" disabled="true" type="number" class="sj_whiteinp" value="" name="b_card" placeholder="请输入银行卡卡号" /><i class="del_i"></i></span>
            </li>
            <li>
                <label>银行</label>
<!--                <label><img src="images/bank_img.png" /></label>-->
<!--                <span><big>中国工商银行</big><bfn>借记卡</bfn></span>-->
                <span><input id="card_type" disabled="true" type="type" class="sj_whiteinp" value=""  placeholder="请输入银行名称" /><i class="del_i"></i></span>
            </li>
        </ul>
        <ul>
            <li>
                <label>姓名</label>
                <span><input id="user_name" disabled="true" type="type" class="sj_whiteinp" value="" placeholder="请输入姓名" /></span>
            </li>
            <li>
                <label>身份证号</label>
                <span><input id="id_no" disabled="true" type="type" class="sj_whiteinp" value="" placeholder="请输入身份证号" maxlength="18" /></span>
            </li>
            <li>
                <label>手机号</label>
                <span><input id="mobile_no" type="tel" class="sj_whiteinp" value="" maxlength="11" placeholder="请输入银行预留手机号" /></span>
            </li>
            <li>
                <label>验证码</label>
<!--                <span><input id="input_vcode" maxlength="4" type="tel" class="sj_whiteinp" style="width:60%;" value="" placeholder="请输入短信验证码" /><button id="btn_vcode" class="sj_yzmbtn">获取验证码</button></span>-->
                <span>
                    <input type="text"  onkeyup="value=value.replace(/[^\w\.\/]/ig,'')" class="sj_whiteinp"  id="input_vcode"  maxlength="10" style="width:60%;" value="" placeholder="请输入短信验证码"/>
                    <button id="btn_vcode" class="sj_yzmbtn">
                        获取验证码
                    <tton></span>
            </li>
        </ul>
        <p class="sj_sevxy">
        <input type="checkbox"  value="" id="checklab" /><span>同意<a href="./agreement_book.html">《支付服务协议》</a></span>
        </p>
        <div class="sj_botbtn"><button id=submit_btn class="btn_oranbtn" name="paybtn">确认支付</button></div>

    </article>
</section>

<div id="loading"></div>
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/spin.min.js"></script>
<script src="js/xml2json.js"></script>
<script src="js/httpRequest.js"></script>
<script type="text/javascript" src="js/common.js"></script>
<script type="text/javascript" src="js/md5.js"></script>
<script type="text/javascript" src="js/pay.js"></script>
<script>
    


    document.addEventListener("deviceready",function(){
                    window.fypay.getOrderBaseInfo("loadOrderBaseInfoSuccess");
                    bindCard.bindCardPageInit();
                    $("#submit_btn").on("click",function(){
                                if($('#checklab').is(':checked')) {
                                        
                                $("#submit_btn").attr('disabled', true);
                                payOrder.payWithBankCard();
                                                  
                                }else{
       window.fypay.showAlert("请同意支付协议");
                                                  }
                                        });
                    $("#btn_vcode").on("click",function(){
                            sendSms($("#mobile_no").val()) ;
                                                  });
                              $("#xxx").checkboxFn(); //模拟选择框调用
                              
                              },false);
    
<!--    $(function(){-->
<!--      -->
<!--      -->
<!--<!--      $("#card_type").val($.urlParam('cardNm'));-->-->
<!--<!--      $("#card_no").val($.urlParam('cardNo'));-->-->
<!--<!--      $("#bst").val($.urlParam('bst'));//CLPP-->-->
<!--      -->
<!--      -->
<!--<!--      $("#id_card_no").on("click",function(){ keyDown.inputClick('$("#id_card_no").val')});-->-->
<!--      $("#mobile_no").on("click",function(){ keyDown.inputClick('$("#mobile_no").val')});-->
<!--      -->
<!--      bindCard.bindCardPageInit();-->
<!--      $("#submit_btn").on("click",function(){-->
<!--                          if($('#checkbox1').is(':checked')) {-->
<!--                          bindCard.bindDebitCard();-->
<!---->
<!--                          }else{-->
<!---->
<!--                          window.fypay.showAlert("请同意支付协议");-->
<!---->
<!--                          }-->
<!--                             });-->
<!--    });-->
</script>
</body>
</html>
